﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<CruzDelSur.Models.ProyectoEspecialFormModel>" %>
<%@ Import Namespace="CruzDelSur.Helpers" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
 Editar Proyecto Especial
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ModuleTitleContent" runat="server">
   Servicios especiales / Proyecto Especial
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentMenuSecundario" runat="server">
    <% Html.RenderPartial("Servicios/MenuPrincipal"); %>
</asp:Content>


<asp:Content ID="Content5" ContentPlaceHolderID="MainContent" runat="server">
<% Html.RenderPartial("Servicios/MenuSecundarioProyEspeciales", new {Action="ProyectosEspeciales"});%>
<ul class="tabs secondary">
 <li><a href="<%:Url.Action("ProyectosEspeciales", "ServiciosEspeciales") %>" class="">Listar</a></li>
 <li><a href="<%:Url.Action("CrearProyectoEspecial", "ServiciosEspeciales") %>" class="active">Crear</a></li>
</ul>
<% if (Model.EstadoEdicion == "CREAR")
   { %>
<h2 style="font-size: medium">Crear Proyecto especial</h2>
<% } else { %>
<h2 style="font-size: medium">Modificar Proyecto especial</h2>
<%} %>
<%: Html.ValidationSummary(true)%>
<% using (Html.BeginForm())
   { %>
    <div class="span-12">
    <p align="right">
        <label>Código Proyecto Especial</label> <%: Html.TextBoxFor(m => m.Cabecera.Codigo, new { @maxlength=7})%> <br />
        <label>Descripción</label> <%: Html.TextBoxFor(m => m.Cabecera.Descripcion, new { @maxlength = 80 })%> <br />
        <label>Solicitante </label> <%:Html.DropDownListFor(m => m.Cabecera.Cliente.Codigo, Model.Clientes, "[Seleccione un solicitante]")%> <br />
        <label>Estado</label> <%: Html.TextBox("txtEstado", Html.NombreEstado(Model.Cabecera.Estado), new { @readonly=true})%>
     </p>
    </div>
    <div class="span-8" 
         style="font-family: Arial, Helvetica, sans-serif; font-size: small" 
         align="right">
    <p style="width: 310px">
     </p>
    </div>
   <div class="span-24">
    <table id="tableMain">
        <thead>
        <tr>
        <th>Servicio</th>
        <th>Fecha Vje.</th>
        <th>Hora Vje.</th>
        <th>Cant Pjs.</th>
        <th>Pto Partida</th>
        <th>Pto Llegada</th>
        <th>Observación</th>
        <th>Elim.</th>
        </tr>
        </thead>
        <tbody>
        <% if (Model.Detalle != null)
           {
               foreach (var item in Model.Detalle)
               {
                   Html.RenderPartial("DetalleProyectoEspecialItem", item);
               }
           }%>
        </tbody>
    </table>
    <div class="span-24" align="right">    <button id="agregarNuevoItem" type="button">Agregar detalle</button></div>
    </div>
    <div class="span-24" id="toolbar">
<input type="submit" value="Grabar" /> <input type="button" value="Cancelar" onclick="location='/ServiciosEspeciales/ProyectosEspeciales'" />
</div>
<%} %>
<script language="javascript" type="text/javascript">
    $('#agregarNuevoItem').click(function () {
        $(this).attr('disabled', 'disabled');
        $.get('<%:Url.Action("AdicionarProyectoEspecialDetalleItem", "ServiciosEspeciales")%>', function (row) {
            $("#tableMain > tbody").append(row);
            $('#agregarNuevoItem').attr('disabled', '');
            setTimeout(refreshUI, 500);
        });
    });
    $('.numeric').numeric({ decimal: "<%:Html.separadorNumeroDecimal()%>" });
    function recargarTramos(s, idt) {
        var codSrv = $(s).val();
        $(idt+' option').remove();
        if (codSrv) {
            $.getJSON('<%:Url.Action("RecargarComboServicioTramos", "ServiciosEspeciales")%>', { CodServ: codSrv }, function (data) {
                var options = '';
                for (var i = 0; i < data.length; i++) {
                    options += '<option value="' + data[i].Codigo + '">' + data[i].Descripcion + '</option>';
                }
                $(idt).html(options);
            });
        } else {
            alert('Seleccione un servicio');
        }
    }
</script>
</asp:Content>
